<!DOCTYPE html><!--  Last Published: Tue Aug 12 2025 08:55:34 GMT+0000 (Coordinated Universal Time)  -->
<html data-wf-page="6890534bc9cfeec18ddd13f3" data-wf-site="6746c68e6f85582138361fe0">
<head>
  <meta charset="utf-8">
  <title>collectors_dashboard</title>
  <meta content="collectors_dashboard" property="og:title">
  <meta content="collectors_dashboard" property="twitter:title">
  <meta content="width=device-width, initial-scale=1" name="viewport">
  <link href="css/normalize.css" rel="stylesheet" type="text/css">
  <link href="css/webflow.css" rel="stylesheet" type="text/css">
  <link href="css/greendragon-lab-275eeb.webflow.css" rel="stylesheet" type="text/css">
  <script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
  <link href="images/favicon.png" rel="shortcut icon" type="image/x-icon">
  <link href="images/webclip.png" rel="apple-touch-icon">
  <link rel="stylesheet" href="./css/vant.min.css">
  <link rel="stylesheet" href="./css/flex.css">
  <link rel="stylesheet" href="./css/property.css">
  <script type="text/javascript" src="./js/vue.js"></script>
</head>
<body>
  <div v-cloak id="miniprogram" class="app-wrapper">
    <section class="header">
      <div class="header-wrapper">
        <div class="logo">
          <a href="index.html" class="w-inline-block"><img src="images/header_logo.svg" loading="lazy" alt="" height="Auto" class="image-3"></a>
        </div>
        <div class="hero-text">
          <div class="highlight-dot"></div>
          <div>
            <p class="small-text-white">公告：MONO.OX分子麻将</p>
            <p class="small-text">北京快闪延期</p>
          </div>
        </div>
        <div id="w-node-_769a4e41-2c61-5765-c520-0fe0569ae171-569ae16a" data-w-id="769a4e41-2c61-5765-c520-0fe0569ae171" class="burger">
          <div class="hamburger-button">
            <div class="line-top"></div>
            <div class="line-middle"></div>
            <div class="line-bottom"></div>
          </div>
        </div>
      </div>
    </section>
    <div class="nav-menu-wrapper">
      <a href="brand.html" class="nav-menu-link-top w-inline-block">
        <div class="div-menu-dec">
          <div class="menu-name">
            <div class="menu-main-text">关于实验室</div>
          </div>
          <div class="menu-dec-no-up">
            <div class="black-dot"></div>
          </div>
        </div>
      </a>
      <a href="mahjong-product.html" class="nav-menu-link w-inline-block">
        <div class="div-menu-dec">
          <div class="menu-name">
            <div class="menu-main-text">MONO.OX分子麻将</div>
          </div>
          <div class="menu-dec-no-up">
            <div class="black-dot"></div>
          </div>
        </div>
      </a>
      <a href="products.html" class="nav-menu-link w-inline-block">
        <div class="div-menu-dec">
          <div class="menu-name">
            <div class="menu-main-text">周边产品</div>
          </div>
          <div class="menu-dec-no-up">
            <div class="black-dot"></div>
          </div>
        </div>
      </a>
      <a href="login.html" class="nav-menu-link w-inline-block">
        <div class="div-menu-dec">
          <div class="menu-name">
            <div class="menu_icon"><img src="images/package_2_40dp_1D1D1D_FILL0_wght400_GRAD0_opsz40.svg" loading="lazy" alt=""></div>
            <div class="menu-main-text">样本持有人名单</div>
            <div class="sub-icon">
              <div class="basic-text-link">登记</div>
            </div>
          </div>
          <div class="menu-dec-no-up">
            <div class="black-dot"></div>
          </div>
        </div>
      </a>
      <a href="shop.html" class="nav-menu-link w-inline-block">
        <div class="div-menu-dec">
          <div class="menu-name">
            <div class="menu-main-text">如何购买</div>
          </div>
          <div class="menu-dec-no-up">
            <div class="black-dot"></div>
          </div>
        </div>
      </a>
      <a href="collaboration.html" class="nav-menu-link w-inline-block">
        <div class="div-menu-dec">
          <div class="menu-name">
            <div class="menu-main-text">机构合作</div>
          </div>
          <div class="menu-dec-no-up">
            <div class="black-dot"></div>
          </div>
        </div>
      </a>
      <a href="contact.html" class="nav-menu-link w-inline-block">
        <div class="div-menu-dec">
          <div class="menu-name">
            <div class="menu-main-text">联系&amp;订阅</div>
          </div>
          <div class="menu-dec-no-up">
            <div class="black-dot"></div>
          </div>
        </div>
      </a>
      <div class="menu-bottom">
        <div class="menu-bottom-left"></div>
        <div class="menu-bottom-right">
          <div class="icons-layout"><img src="images/self_improvement_40dp_7A7A7A_FILL0_wght400_GRAD0_opsz40.svg" loading="lazy" width="Auto" alt="" class="image-103"></div>
        </div>
      </div>
    </div>
    <section class="main-section">
      <div class="category">
        <div id="w-node-f7251e09-ccc9-4b1b-b7ff-9fe15fdcbef2-8ddd13f3" class="block-div-solid-top">
          <div class="h2">样本持有人登记中心</div>
        </div>
      </div>
      <div class="grid-5-1">
        <div class="login-wrapper">
          <div class="table-gap">
            <div>正在登记的样本编号</div>
            <div class="h2_black_0">021 / 299</div>
          </div>
          <div class="button-s-b">
            <a href="#" class="w-inline-block">
              <div @click="logout">退出此编号登记</div>
            </a>
          </div>
        </div>
        <div id="w-node-f7251e09-ccc9-4b1b-b7ff-9fe15fdcbf10-8ddd13f3" class="standard-block">
          <div class="para-gap">
            <p class="h2">尊敬的样本持有人：<br>恭喜您成为 zoby 宇宙的贡献者，并正式成为 1 个单位的生成体副本占有人。zoby 是一个不断生成的代码序列，它的宗旨是在恒定的算法世界中，为世界带来具有人性温度的奖励概率加持，缩短你和美好愿望的距离，哪怕是只有一点点。您的贡献，支持了 zoby 的持续创造，我们将铭记您的善意。<br></p>
          </div>
          <div class="para-gap">
            <p>操作说明：<br>在下方填写您想要公开的名字，这可以是您的真实姓名，也可以是您的笔名、艺名、网络昵称，这个名称将在审核通过后出现在样本持有人名单中对应编号的位置。<br>1. 支持中文汉字、英文和数字，不支持特殊符号。<br>2. 名字最高支持4个汉字。<br>3. 提交后将由后台工作人员审核，确认无违规后，将在前台展示。</p>
          </div>
          <div class="para-gap">
            <div class="collector-input-block">
              <div class="w-form">
                <form id="wf-form-Name-Form" name="wf-form-Name-Form" data-name="Name Form" class="collector-name-input" data-wf-page-id="6890534bc9cfeec18ddd13f3" data-wf-element-id="889b71bb-efdd-cdde-d607-7681f5372d4d">
                  <label for="name" class="h2_0">登记名称</label>
                  <input v-model="inputName" class="text-field w-input" maxlength="256" name="name" data-name="Name" placeholder="" type="text" id="name">
                  <input type="submit" @click="tijiao" data-wait="Please wait..." class="button-s-w w-button" value="提交">
                </form>
                <div v-if="tijiaoSuccess === 1" style="padding: 20px;text-align: center;background-color: #dddddd;">
                  <div>Thank you! Your submission has been received!</div>
                </div>
                <div v-if="tijiaoSuccess === 2" style="margin-top: 10px;
                padding: 10px;
                background-color: #ffdede;">
                  <div>{{errorMsg}}</div>
                </div>
              </div>
            </div>
          </div>
          <div>
            <p>*30天仅能修改一次，请谨慎选择登记的名称。</p>
          </div>
        </div>
      </div>
    </section>
  </div>
  <script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=6746c68e6f85582138361fe0" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
  <script src="js/webflow.js" type="text/javascript"></script>
  <script src="./js/vant.min.js"></script>
  <script src="./js/axios.min.js"></script>
  <script type="text/javascript">
        var miniprogram = new Vue({
          el: "#miniprogram",
          data: {
            inputName:'',
            tijiaoSuccess: 0,
            cdkName:'',
            errorMsg:'',
            cdkPass:''
          },
          methods:{
            onSendCode() {
          // if (this.showCountdown) {
          //   return;
          // }
          // this.showCountdown = true;
          // // 1.校验手机
          // if (!this.form.phone) {
          //   vant.Toast("请输入手机号码");
          //   this.showCountdown = false;
          //   return false;
          // }
          // if (!/^1[3456789]\d{9}$/.test(this.form.phone)) {
          //   vant.Toast("手机号码有误，请重填");
          //   this.showCountdown = false;
          //   return false;
          // }
          axios({ url: 'https://0x0x0x0.com/api/mahjongCdk/status', method: 'post',data:{
            sn:this.cdkName,
            code:this.cdkPass,
          }, withCredentials: false}).then(res => {
            // sessionStorage.setItem('cdkStatus', 3)
            // sessionStorage.setItem('cdkName', 1)
            // sessionStorage.setItem('cdkPass', 1)
            //          window.location.href='collectors-dashboard.html'
            console.log(res.data,'00000')
            console.log(res.data.code,'00000')
            if (res.data.code === 0 ||res.data.code === 200 ) {
              let status = res.data.data.state
              sessionStorage.setItem('cdkStatus', status)
              // sessionStorage.setItem('cdkName', this.inputName)
              // sessionStorage.setItem('cdkPass', this.inputPass)
              console.log('成功')
              if (status === 0 || status === 3) {
                window.location.href='collectors-dashboard.html'
              } else if ((status === 1 || status === 2) ){
                window.location.href='collectors-dashboard-now.html'
              } else  if(status === 4){
                window.location.href='collectors-ox-bj.html'
              }
            } else{
              vant.Toast(res.data.msg);
            }
          }).catch(err => {
            console.log(err)
            vant.Toast('发送失败')
          })
        },
            tijiao(){
              console.log('tijiao');
              axios({ url: 'https://0x0x0x0.com/api/mahjongCdk/exchange', method: 'post',data:{
            sn:this.cdkName,
            code:this.cdkPass,
            name: this.inputName
          }, withCredentials: false}).then(res => {
            console.log(res,'返回结果')
            if (res.data.code === 200 || res.data.code === 0) {
              // sessionStorage.setItem('cdkStatus', 1)
              this.onSendCode()
              // window.location.href='collectors-dashboard-now.html'
            } else{
              this.errorMsg = res.data.msg
              this.tijiaoSuccess = 2
              setTimeout(() => {
                this.tijiaoSuccess = 0
              }, 3000);
            }
          }).catch(err => {
            console.log(err)
            vant.Toast('发送失败')
          })
              
            },
            logout(){
              console.log('退出');
              sessionStorage.removeItem('cdkStatus')
              sessionStorage.removeItem('cdkName')
              sessionStorage.removeItem('cdkPass')
              window.location.href='login.html'
            }
          },
          mounted: function () {
          // this.onSendCode();
            // this.cdkStatus = sessionStorage.getItem('cdkStatus')
            this.cdkName = sessionStorage.getItem('cdkName')
            this.cdkPass = sessionStorage.getItem('cdkPass')
            console.log(this.cdkStatus,'打印---------')
          },
        })
  </script>
</body>
</html>